body, html {
    line-height: 1;
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: $color-background;
    color: $color-text;
  }

.g-relative {
  position: relative;
}

// 过渡动画(左右切换)
.slide-enter-active, .slide-leave-active {
  transition: all 0.3s;
}

.slide-enter-from, .slide-leave-to {
  transform: translate3d(100%, 0, 0);
}

// mini播放列表过渡动画
.list-enter-active, .list-leave-active {
  transition: all .3s;
}
.list-enter-from, .list-leave-to {
  height: 0!important;
}

// 旋转动画
@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}